<!--
 * @Description: 第二十八章（自定义Hooks）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-20 02:08:19
-->
<template>
  <div>
    <h1>第二十八章（自定义Hooks）</h1>
    <div>
      <h2></h2>
      <div>
        <img id="img" width="300" height="300" src="../../assets/images/2.jpeg" />
        <A title="123" a="456"></A>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import A from '@/components/28th/A.vue'
import { useBase64 } from '@/hooks/28th/1'

useBase64({
  el: '#img',
}).then((res) => {
  console.log('1.vue useBase64 res baseUrl: ', res.baseUrl)
})
</script>
<style scoped lang="less">
h1,
h2,
h3,
hr {
  margin: 10px 0;
}
</style>
